/**
 * React+Three.js 三维地球
 */
import './mapbox.scss';
import React, { Component } from 'react';
import 'mapbox-gl/dist/mapbox-gl.css';
import mapboxgl from 'mapbox-gl';

export default class Mapbox extends Component {
    componentDidMount() {
        this.initMapbox();
    }

    initMapbox() {
        mapboxgl.accessToken = 'undefined';
        const map = new mapboxgl.Map({
            container: 'mapbox',
            style: 'mapbox://styles/mapbox/streets-v9'
        });
    }

    render() {
        return (
            <div id="mapbox"></div>
        );
    }
}
